import React, { PureComponent } from 'react';

import { Row } from 'antd';
import style from './style.less';

import { connect } from 'dva';

@connect(({ accountNumberM }) => ({ accountNumberM }))
export default class AuditContentC extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }
  componentDidMount() {}
  render() {
    return (
      <div>
        {this.props.allItemList !== [] &&
          this.props.allItemList.map((item, index) => {
            return (
              <Row key={index} className={this.props.differentItemList.indexOf(item) !== -1 ? style.modifiedBox : style.sameBox}>
                <div style={{ marginRight: '20px' }}>{item} :</div>
                <div>
                  {this.props.itemList.indexOf(item) !== -1
                    ? this.props.operateContent[item] &&
                      this.props.operateContent[item].map((val, i) => {
                        return (
                          <div key={i} style={{ marginBottom: '5px' }}>
                            {val.value}
                          </div>
                        );
                      })
                    : ''}
                </div>
              </Row>
            );
          })}
      </div>
    );
  }
}
